<link rel="stylesheet" type="text/css" href="{{base_url()}}data/templates/backend/statistics/css/dt.bootstrap.css">
<script type="text/javascript" src="{{base_url()}}data/templates/backend/statistics/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="{{base_url()}}data/templates/backend/statistics/js/dt.bootstrap.js"></script>
<script type="text/javascript">

</script>
<style type="text/css">
.center {
    text-align: center !important;
}
#history {
    color: black;
    font-family: Arial;
    font-size: 12px;
    line-height: 1;
}
.table tbody td {
    background: none repeat scroll 0 0 #FFFFFF !important;
}
.table th, .table td {
    border-top: 1px solid #DDDDDD !important;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #F9F9F9 !important;
}
.table th {
    font-weight: bold !important;
}
.table-bordered th, .table-bordered td {
    border-left: 1px solid #DDDDDD !important;
}
.table, .with-head {
    border: none !important;
    margin-bottom: 1.667em;
}
.table-bordered {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color !important;
    border-image: none !important;
    border-radius: 4px 4px 4px 4px !important;
    border-style: solid solid solid none !important;
    border-width: 1px 1px 1px 0 !important;
}
.table thead th, .table thead td, .head {
    background: -moz-linear-gradient(center top , #CCCCCC, #A4A4A4) repeat scroll 0 0 transparent;
    border-color: white #999999 #828282 #DDDDDD;
    border-style: none;
    border-width: 1px;
    color: black;
    text-shadow: none;
}
</style>
      
<div id="history">
    <table class="table table-striped table-bordered table-hover" id="history_table" style="width:70%;margin:0px auto;">
        <thead>
            <tr>
                <th width="10%" class="center"><strong>STT</strong></th>
                <th width="40%" class="center"><strong>NGUỒN</strong></th>
                <th width="25%" class="center"><strong>SỐ TRUY CẬP ĐĂNG KÝ</strong></th> 
                <th width="25%" class="center"><strong>SỐ ĐĂNG KÝ THÀNH CÔNG</strong></th> 
            </tr>
        <thead>
        <tbody>
            {{foreach $register as $k=>$item}}
            <tr> 
                <td class="center">{{$k+1}}</td>                      
                <td class="center">{{$item[0]}}</td>  
                <td class="center">{{$item[1]}}</td> 
                <td class="center">{{$item[2]}}</td> 
            </tr>
            {{/foreach}}
        </tbody>
    </table>
</div>